<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>TrafMon</title>
        <link rel="stylesheet" href="desktop.css" type="text/css" />
    </head>
    <body>
        <img src="images/logo.png" alt="trafmon" />
        <table id="menu">
            <tr>
                <td class="nav">
                    <a href="desktop.html">Desktop Version</a>
                    | <a href="#" onclick="alert('The iPhone version will almost definitely NOT work in desktop browsers!');window.location='iphone.html';">iPhone version</a>
                    | iPhone Screenshots
                </td>
            </tr>
        </table>
<hr />
        <table class="sstable">
          <tr>
            <td>Home Screen </td>
            <td>Home Screen showing tagging field. </td>
          </tr>
          <tr>
            <td><img src="ss/home1.png" alt="home" width="320" height="480" /></td>
            <td><img src="ss/home2.png" alt="home" width="320" height="480" /></td>
          </tr>
          <tr>
            <td colspan="2">Main Map screen - supports portrait &amp; landscape modes!</td>
          </tr>
          <tr>
            <td colspan="2"><P><img src="ss/map-portrait.png" alt="map" width="320" height="480" /></P>
            <P><img src="ss/map-landscape.png" alt="map" width="480" height="320" /></P></td>
          </tr>
          <tr>
            <td>Options screen with defaults </td>
            <td>Options screen with traffic time filter </td>
          </tr>
          <tr>
            <td><img src="ss/opts1.png" alt="options" width="320" height="480" /></td>
            <td><img src="ss/opts2.png" alt="options" width="320" height="480" /></td>
          </tr>
          <tr>
            <td>Day of Week select screen </td>
            <td>Time Range select screen </td>
          </tr>
          <tr>
            <td><img src="ss/day.png" alt="options" width="320" height="480" /></td>
            <td><img src="ss/time.png" alt="time" width="320" height="480" /></td>
          </tr>
          <tr>
            <td>About screen top </td>
            <td>About screen bottom </td>
          </tr>
          <tr>
            <td><img src="ss/about1.png" alt="about" width="320" height="480" /></td>
            <td><img src="ss/about2.png" alt="about" width="320" height="480" /></td>
          </tr>
          <tr>
            <td colspan="2">Map Loading indicator </td>
          </tr>
          <tr>
            <td colspan="2"><img src="ss/loading.png" alt="loading" width="320" height="480" /></td>
          </tr>
        </table>
    </body>
</html>
